<template>
  <page-layout class="pageLayout">
    <div slot="content" class="slot-page">
      <detail-solt :info="userInfo"></detail-solt>
    </div>
    <a-card :bordered="false">
      <a-tabs defaultActiveKey="collect">
        <a-tab-pane tab="用户收藏" key="collect"
          ><Collect v-model="userInfo"
        /></a-tab-pane>
        <a-tab-pane tab="用户预约" key="order"><Order /></a-tab-pane>
        <a-tab-pane tab="浏览记录" key="history"> <History /></a-tab-pane>
      </a-tabs>
    </a-card>
  </page-layout>
</template>

<script>
import DetailSolt from './detailSlot.vue'
import Collect from './collect.vue'
import Order from './order.vue'
import History from './history.vue'
export default {
  components: {
    DetailSolt,
    Collect,
    Order,
    History
  },
  data() {
    const { type = '', id = '' } = this.$route.query
    return {
      payload: {
        type,
        id
      },
      userInfo: {
        username: '',
        phone: '',
        phone_info: ''
      }
    }
  }
}
</script>

<style></style>
